<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>词多多代理商平台</title>
 <include file="Index:header" />
     <script type="text/javascript">
        $(function(){
            $(".help-side dl dd:eq(1)").addClass('cur');
            $("#top #topcon .nav li:eq(1)").addClass('cur');
        })
    </script>
    <script src="__PUBLIC__/js/main.js" type="text/javascript" charset="UTF-8"></script>
</head>
<body>
<include file="Index:top"/>
<div id="main">
   <include file="User:left"/>
    <div id="main_right" class="container">
        <div class="title c mt10">客户概况</div>
        <div id="home_info" class="mt10">
            <table border=1 bordercolor=#e7e7e7 cellpadding=3 cellspacing=0 width=100% align="center">
                <tr  align="center">
                    <td colspan='4' align='center' bgcolor="#F6F7F6">客户概况</td>
                </tr>
                <tr  align="center">
                    <td >即将到期的客户</td>
                    <td>{$userInfo['not_sufficient']}个</td>
                    <td >停用客户</td>
                    <td>{$userInfo['not_active']}个</td>
                </tr>
                <tr  align="center">
                    <td colspan='4' align='center' bgcolor="#F6F7F6">统计概况</td>
                </tr>
                <tr  align="center">
                    <td >客户数量</td>
                    <td>{$userInfo['count_user']}个</td>
                    <td >站点数量</td>
                    <td>{$siteNum}个</td>
                </tr>
                <tr  align="center" >
                    <td >关键词数量</td>
                    <td>{$keywordNum}个</td>
                    <td></td>
                    <td></td>
                </tr>
            </table>
        </div>
        <div class="title c mt10">今年每月新增客户数量</div>
        <div id="charts"></div>
    </div>
</div>
<include file="Index:footer"/>
<script type="text/javascript">
    $(function () {
        $("#domain").sSelect();
        $("#keyword").sSelect();
    });
</script>
<script type="text/javascript">
    $(function(){
        $('#charts').highcharts({
            chart: {
                type: 'column',
                height:310
            },
            title: {
                text: '今年每月新增客户数量走势图'
            },
            xAxis: {
                categories: ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12']
            },
            yAxis: {
                title: {text: '新增用户数量（个）'},
                allowDecimals:false,
                labels: {
                    formatter: function() {
                        return this.value
                    }
                }
            },
            tooltip:{
                crosshairs: true,
                shared: true
            },
            plotOptions: {
                column: {
                    events: {
                        click: function(e) {
                            art.dialog.open("/index.php/User/useraddmonthly/month/" + e.point.category,{
                                title: "消费明细",
                                width:"50%",
                                height:"40%",
                                lock: true
                            });
                        }
                    },
                    marker: {
                        radius: 4
                    }
                }
            },
            series: [{
                name: '新增客户数量',
                marker:{
                    symbol: 'square'
                },
                data: [{$json_month}]
            }]
        });
    });
</script>
</body>
</html>